doctype 5
html
	head
		title 读图文
		meta(name="viewport",content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no")
		meta(name="description",content="读图文:是一个自媒体内容聚合，微信公众帐号搜索，社交媒体内容浏览阅读网站,微信公众内容抽取精选")
		meta(name="keywords",content="读图文,微媒体,社交媒体,微信公众帐号,自媒体")
		link(rel='stylesheet', href='/css/bootstrap.min.css')
		link(rel='stylesheet', href='/css/bootstrap-theme.css')
		link(rel='stylesheet', href='/css/custom.css')
		link(rel='stylesheet', href='/css/account-widget.css')
		script(src="/js/jquery.js")
		script(src="/js/bootstrap.min.js") 
		//- script(src="/js/jquery.lazyload.js")
		script(src="/js/waterfall.js")
		//- script(src="/js/jquery.waterfall.js")
		script(src="/js/snap.js")
		script(src="/js/iscroll.js")
		style
			.category{
				width: 320px;
				float: right;
			}

			.category li{
				display:block;
				text-align:center;
				border-bottom: 1px #444 solid;
			}

			.category li a{
				color:#FFF;
				padding:10px;
				display:block;
				font-size:20px;
			}

	body
		div.snap-drawers
			div.snap-drawer.snap-right-drawer
				ul.category
					li
						a(href="/") 热门
					li
						a(href="/c/科技") 科技
					li
						a(href="/c/财经") 财经
					li
						a(href="/c/娱乐") 娱乐
					li
						a(href="/c/生活") 生活
					li
						a(href="/c/情感") 情感
					li
						a(href="/c/时政") 时政
					li
						a(href="/c/人文") 人文
					li
						a(href="/c/吃货") 吃货
					li
						a(href="/c/无节操") 无节操
		div#content(style="background: #FFF;")
			#main.container
				block main 
			.navbar.navbar-default.navbar-fixed-top
				.container
					.navbar-header
						if(locals.back)
							a#back.navbar-toggle(href="javascript:history.back()") 返回

						#category.navbar-toggle #{typeof locals.category ==="string"?locals.category:"热门"}
						
						a.navbar-brand(href="/") 
							small.glyphicon.glyphicon-fire(style="color:#FFF")
							|读图文

					#nav.collapse.navbar-collapse
						ul.nav.navbar-nav
							li
								a(href="/") 热门
							li
								a(href="/c/科技") 科技
							li
								a(href="/c/财经") 财经
							li
								a(href="/c/娱乐") 娱乐
							li
								a(href="/c/生活") 生活
							li
								a(href="/c/情感") 情感
							li
								a(href="/c/时政") 时政
							li
								a(href="/c/人文") 人文
							li
								a(href="/c/吃货") 吃货
							li
								a(href="/c/无节操") 无节操

			

		script
			
			var category = '#{typeof locals.category ==="string"?locals.category:"热门"}';
			$(function(){
					$('#nav li').each(function(i,item){
						if($(item).text() == category){
							$(item).addClass('active');
						}
					})

					//- window.i = new IScroll('#content', { scrollbars: true, mouseWheel: true, interactiveScrollbars: true, click: true });  
					//- $("img.lazy").lazyload();

					var snapper = new Snap({
						element: document.getElementById('content'),
						disable:'left',
						touchToDrag : false,
						addBodyClasses:'show'

					});
					
					snapper.off('drag');
					$('#category').on('click',function(){
						if( snapper.state().state=="right" ){
							snapper.close();
						} else {
							snapper.open('right');
						}
					});
			})
			